#include("./_inc/_loginlayout.html")
#@layout("注册 - Jboot Fly",null,null,"jie")
#define content()

<div class="container container-custom" style="margin-top:10px ">
<div class="row ">
    <div class="login-banner col-sm-1 col-md-1 col-lg-1 hidden-xs"></div>
<div class="login-banner col-sm-6 col-md-6 col-lg-6 hidden-xs" style="width:46%" >
    <a href="http://www.baidu.com/cb.php?c=IgF_pyfqnHmkn1ndP1b0IZ0qnfK9ujYzrjR4PWDk0Aw-5Hnsn101PHf0TAq15HR3P1nsnWm0T1YznWuBnvP9PjbvnHKWryP90AwY5HDdn1msPHc3P1m0IgF_5y9YIZK1rBtEuywdQhP1uA38UhNYQvPEIgF1ugnOIgwVgLPEIgFWuHd_UvIGU6KzujYk0AFV5HD0TZcqn0KdpyfqnHRLPjnvnfKEpyfqnHc4rj6kP0KWpyfqP16znH6s0AqLUWYs0ZK45HcsP6KWThnqn1bvnW0" target="_blank">
        <img src="/static/images/right/ctsi_login.jpg" title="" alt="" border="0" height="500" width="506">
    </a>
</div>
<div class="login-user col-xs-12 col-sm-4 col-md-4 col-lg-4 js_login_user" style="float: left;">
    <div class="fly-panel fly-panel-user" pad20 style="border:2px solid #d5dce5;border-bottom-width: 0;">
        <div class="layui-tab layui-tab-brief" lay-filter="user">
            <ul class="layui-tab-title">
                <li class="layui-this">注册账号</li>
            </ul>
            <div class="layui-form layui-tab-content" id="LAY_ucm" style="padding:10px 10px 0 10px;">
                <div class="layui-tab-item layui-show">
                    <div class="layui-form layui-form-pane">
                        <form method="post" action="/doRegister" style="margin-left: 20px;">

                            <div class="layui-form-item">
                                <div class="layui-input-inline w_size">
                                    <input type="text" id="L_email" name="email" required lay-verify="email"
                                           autocomplete="off" class="layui-input" placeholder="输入用户名/邮箱/手机号">
                                </div>
                                <div class="layui-form-mid" style="display: none">将会成为您唯一的登入名</div>
                            </div>
                            <div class="layui-form-item">
                                <div class="layui-input-inline w_size">
                                    <input type="text" id="L_username" name="nickname" required lay-verify="required"
                                           autocomplete="off" class="layui-input" placeholder="输入昵称">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <div class="layui-input-inline w_size">
                                    <input type="password" id="L_pass" name="password" required lay-verify="required"
                                           autocomplete="off" class="layui-input" placeholder="输入密码">
                                </div>
                                <div class="layui-form-mid layui-word-aux" style="display:none ">6到16个字符</div>
                            </div>
                            <div class="layui-form-item">
                                <div class="layui-input-inline w_size">
                                    <input type="password" id="L_repass" name="repassword" required
                                           lay-verify="required"
                                           autocomplete="off" class="layui-input" placeholder="确认密码">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <!--<label for="L_vercode" class="layui-form-label">验证码</label>-->
                                <div class="layui-input-inline w_size">
                                    <input type="text" id="L_vercode" name="vercode" required lay-verify="required"
                                           placeholder="输入验证码" autocomplete="off" class="layui-input">
                                </div>
                                <div class="layui-form-mid" style="position: absolute;left:254px;">
                                    <span style="color: #c00;"><img src="/captcha" style="width: 80px;height: 25px" onclick="javascript:this.src='/captcha?'+Math.random()"></span>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                #(message ??)
                            </div>
                            <div class="layui-form-item">
                                <button class="layui-btn"  lay-submit="" style="width: 94%;" onclick="register()">立即注册</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="code-support">
                <div class="line"></div>
                <div class="third-part tracking-ad" data-mod="popu_27">
                    <span style="width: 257px;">第三方帐号登录</span>
                    <span><font color="red">  </font></span>
                    <a id="qqAuthorizationUrl" href="" class="qq"></a>
                    <a id="osChinaAuthorizationUrl" href="" class="cc" ></a>
                    <a id="githubAuthorizationUrl" href="" class="github" target="_blank"></a>
                </div>
            </div>
            <ul class="layui-tab-title" style="margin-left: 16px">
                <li><span style="float:left">已经有账号？</span><a href="/login">立即登录</a></li>
            </ul>
        </div>
    </div>
</div>
</div>
</div>
#end

#define script()
#end
<script>
    function register(){
        var email= $("#L_email").val();

        if(emai!=""||email!=null){
            $(".layui-form-mid").hide();
        }
    }
</script>
<style>
    @media (min-width: 1200px){
        .container-custom {
            width: 960px;
        }
    }
        @media (min-width: 1200px){
            .container {
                width: 1170px;
            }
        }
.w_size{ width: 94%!important;}
.layui-this:after{ border-bottom:0 none!important; }
    .layui-this:after{ border-bottom:0 none!important; }
    .third-part span {
        display: block;
        font-size: 1.083em;
        color: #666;
        margin-bottom: 11px;
    }
    .third-part {
        padding: 0px 52px 0px 30px;
    }
    .third-part .qq, .third-part .google, .third-part .cc, .third-part .github, .third-part .wechat, .third-part .OSC, .third-part .show_more {
        display: inline-block;
        background-image: url(./../../static/images/right/login-third-party-new.png);
        background-repeat: no-repeat;
        margin-right: 5px;
        width: 32px;
        height: 32px;
    }
    .third-part .qq {
        background-position: 0 0;
    }
    .third-part .sina {
        background-position: -74px 0;
    }
    .third-part .baidu {
        background-position: -112px 0;
    }
    .third-part .cc {
        background-position: -150px 0;
    }
    .third-part .github {
        background-position: -187px 0;
    }
</style>